<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 网站的标题 -->
    <title>盘子女人坊官方网站</title>
    <!-- 网站图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 网站描述 -->
    <meta name="description"
        content="古装写真摄影哪家好?首选盘子女人坊,全国200余家品牌实体店,行业标杆,明星体验师金晨,宋祖儿,张天爱,蒋梦婕....古装写真摄影，选盘子女人坊！你就是明星！" />
    <!-- 网站的关键字 -->
    <meta name="keywords" content="盘子女人坊,盘子女人坊官网,盘子女人坊古装摄影,古装摄影,古装写真,古装写真摄影,艺术照写真,个人艺术摄影,艺术照摄影" />
    <!-- Font Awesome 图标库 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <!-- bootstrap框架 -->
    <!-- <link rel="stylesheet" href="css/bootstarp/bootstrap.css"> -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <!-- swiper插件 -->
    <link rel="stylesheet" href="css/swiper/swiper.css">
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="css/conmon.css">
    <!-- 首页样式 -->
    <link rel="stylesheet" href="css/index.css">


</head>


<body>
    <!-- 盘子女人坊项目开始 -->
    <div class="BOX">



        <!-- 导航栏开始 -->
        <div class="container-fluid haed">
            <div class="container">
                <nav class="navbar navbar-default" role="navigation">
                    <div class="container-fluid">

                        <div class="navbar-header">
                            <span class="logo hidden-sm hidden-md hidden-lg"></span>
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#example-navbar-collapse">
                                <span class="sr-only">切换导航</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>

                        </div>
                        <div class="collapse navbar-collapse" id="example-navbar-collapse">
                            <ul class="nav navbar-nav"><a class="navbar-brand hidden-xs" href="#"><img
                                        src="img/logo01.png" alt=""></a>
                                <!-- <li class="active"><a href="#">iOS</a></li> -->
                                <li class="li-t"><a href="#">网站首页</a></li>
                                <li><a href="#">品牌介绍</a></li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        品牌中心 <b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">jmeter</a></li>
                                        <li><a href="#">jmeter</a></li>
                                        <li><a href="#">jmeter</a></li>
                                        <li><a href="#">jmeter</a></li>
                                        <!-- <li><a href="#">EJB</a></li>
                                        <li><a href="#">Jasper Report</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#">分离的链接</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#">另一个分离的链接</a></li> -->
                                    </ul>
                                </li>
                                <li><a href="#">每周照客</a></li>
                                <li class="dropdown  hidden-sm hidden-md">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        最新主题 <b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <!-- <li><a href="#">最新主题</a></li> -->
                                        <li><a href="#">最新优惠</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">客户评价</a></li>
                                <li><a href="#">底片下载</a></li>

                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
        <!-- 导航栏结束 -->


        <!-- 轮播图开始 -->
        <div class="container-fluid lbt">
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="img/lunbotu/lbt_1.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="img/lunbotu/lbt_2.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="img/lunbotu/lbt_3.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="img/lunbotu/lbt_4.jpg" alt=""></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination hidden-xs hidden-md hidden-sm hidden-lg"></div>
                <!-- Add Arrows -->
                <span class="swiper-button-next fa fa-chevron-right hidden-xs "></span>
                <span class="swiper-button-prev fa fa-chevron-left hidden-xs"></span>
            </div>

            <!-- Swiper JS -->
            <!-- Swiper JS -->
            <script src="dist/js/swiper.min.js"></script>
            <!-- <script src="../pznrfsy/js/conmon.js"></script> -->
            <script>
                var swiper = new Swiper('.swiper-container', {
                    pagination: '.swiper-pagination',
                    nextButton: '.swiper-button-next',
                    prevButton: '.swiper-button-prev',
                    // 自动切换开启，默认停留三秒
                    autoplay: true,
                    // 轮播时间  2500毫秒
                    autoplay: 2500,
                    // 禁止鼠标模拟  默认为false
                    // simulateTouch: true,
                    // 滑动时slide不动，释放鼠标或手指时slide切换
                    // followFinger : false,
                    // 允许触发拖动的角度值。默认45度，即使触摸方向不是完全水平也能拖动slide。
                    touchAngle: 45,
                    // 设置为true 则开启loop模式。loop模式：会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换，让Swiper看起来是循环的。 
                    // loop模式在与free模式同用时会产生抖动，因为free模式下没有复制slide的时间点。
                    loop: true,
                    paginationClickable: true,
                    spaceBetween: 30,
                    centeredSlides: true,

                    // 如果开启这个选项，当你的Swiper在过渡时将无法滑动
                    autoplayDisableOnInteraction: false,
                    // slide的切换效果，默认为"slide"（位移切换），可设置为"fade"（淡入）"cube"（方块）"coverflow"（3d流）"flip"（3d翻转）。
                    effect: 'fade',
                    // 使用键盘控制
                    pagination: '.swiper-pagination',
                    nextButton: '.swiper-button-next',
                    prevButton: '.swiper-button-prev',
                    slidesPerView: 1,
                    paginationClickable: true,
                    spaceBetween: 30,
                    keyboardControl: true,
                    // 点击放大
                    zoom: true,

                });
            </script>
            <!-- <script src="../pznrfsy/js/conmon.js"></script> -->



        </div>
        <!-- 轮播图结束 -->


        <!-- 栏目导航开始 -->
        <div class="container-fluid strength hidden-sm hidden-xs">
            <div class="container">
                <ul>
                    <li>
                        <div>
                            <img src="img/index/btn05.png" alt="" srcset="">
                        </div>
                        <div>
                            <h4>18年匠心专注</h4>
                            <p>作为古装艺术摄影专业品牌，盘子女人坊连续18年匠心专注，只为发现你的东方美。</p>
                            <span></span>
                        </div>

                    </li>
                    <a href="#" class="lt"></a>
                    <li>
                        <div>
                            <img src="img/index/btn06.png" alt="" srcset="">
                        </div>
                        <div>
                            <h4>200+品牌实体店</h4>
                            <p>200+品牌实体店均可体验：北京、上海、广州、深圳、天津、南京、武汉、长沙、沈阳、长春、石家庄、济南、太原、昆明、青岛、苏州、厦门等。</p>
                            <span></span>
                        </div>

                    </li>
                    <a href="#" class="lt"></a>
                    <li>
                        <div>
                            <img src="img/index/btn07.png" alt="" srcset="">
                        </div>
                        <div>
                            <h4>1500余套主题海量选择</h4>
                            <p>百人研发大师团队匠心精铸，从古典文学、影视等中华传统文化中萃取灵感，至今共研发1500余套原创国风艺术主题。</p>
                            <span></span>
                        </div>

                    </li>
                    <a href="#" class="lt"></a>
                    <li>
                        <div>
                            <img src="img/index/btn08.png" alt="" srcset="">
                        </div>
                        <div>
                            <h4>消费者权益保障</h4>
                            <p>万余平数码工厂保障，承诺全程无隐形消费、拍摄不满意无条件免费重拍、产品可享受两年内免费保修服务，钻石会员终身免费保修。</p>
                            <span></span>
                        </div>

                    </li>
                </ul>
            </div>
        </div>
        <!-- 栏目导航结束 -->

        <!-- ！内容主体部分开始 -->
        <!-- container  index-->
        <div class="container-fluid cont">
            <div class="container">
                <!-- 明星体验开始 -->
                <div class="mx">
                    <!-- 标题 -->
                    <div>
                        <h1>
                            <a>明星体验<i></i></a>
                        </h1>
                        <a href="#"></a>
                        <p>发现你的东方美</p>
                    </div>
                    <!-- 图片 -->
                    <div>
                        <a href="#" class="thumbnail"><img src="img/mxty_1.jpg" alt=""></a>
                    </div>
                </div>
                <!-- 明星体验结束 -->

                <!-- 最新主题开始 -->
                <div class="zxzt">
                    <div>
                        <h1>
                            <a>最新主题<i></i></a>
                        </h1>
                        <a href="#"></a>
                        <p>我们以发现每一位女性的东方美为使命，细致打磨每一个主题，每张图片的背后都是匠人匠心的坚持</p>
                    </div>
                    <div class="swi">

                        <!-- Swiper -->
                        <div class="swiper-container">
                            <div class="my-wrapper">
                                <div class="swiper-slide">

                                    <a href=""><img src="img/tu_1.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《飞天-乾闼婆》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《飞天-乾闼婆》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/zxzt_2.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《供养人·十三娘》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《供养人·十三娘》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/zxzt_3_3.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《夏日游园记》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《夏日游园记》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/zxzt_4_4.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《女神款》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《女神款》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/zxzt_5_5.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《初荷》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《初荷》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/zxzt_6_6.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《菖蒲莉莉》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《菖蒲莉莉》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/zxzt_7_7.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《清平乐·壹》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《清平乐·壹》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/001.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《清宫-延禧攻略》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《清宫-延禧攻略》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/002.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《水墨人生》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《水墨人生》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/003.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《留园》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《留园》</span>
                                    </a>

                                </div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swipertt-pagination" style="display: none;"></div>
                        </div>
                        <!-- Initialize Swiper -->
                        <script language="javascript">
                            var msySwiper = new Swiper('.swiper-container', {
                                wrapperClass: 'my-wrapper',
                                pagination: '.swipertt-pagination',
                                // 自动切换开启，默认停留三秒
                                autoplay: true,
                                // 轮播时间  2500毫秒
                                autoplay: 2500,
                                // slideClass : 'my-slide',
                                slidesPerView: 3,
                                paginationClickable: true,
                                spaceBetween: 30,
                                loop: true,
                                // 点击放大
                                zoom: true,
                            });
                        </script>


                    </div>

                    <!-- 2 -->

                    <div class="swi s_2">

                        <!-- Swiper -->
                        <div class="swiper-container">
                            <div class="my-wrapper">
                                <div class="swiper-slide">

                                    <a href=""><img src="img/101.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《海深时见鲸》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《海深时见鲸》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/102.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《归尘》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《归尘》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/103.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《春曦外景》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《春曦外景》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/104.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《初晴》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《初晴》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/105.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《碧梧初出》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《碧梧初出》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/1001.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《风起霓裳（三）》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《风起霓裳（三）》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/1002.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《韩王妃女单》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《韩王妃女单》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/110.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《旗袍（五）》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《旗袍（五）》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/120.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《清平乐·贰》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《清平乐·贰》</span>
                                    </a>

                                </div>
                                <div class="swiper-slide">

                                    <a href=""><img src="img/130.jpg" alt="" srcset="">
                                        <p class="hidden-xs">《成说》</p>
                                        <span class="hidden-lg hidden-md hidden-sm ">《成说》</span>
                                    </a>

                                </div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swipertt-pagination" style="display: none;"></div>
                        </div>
                        <!-- Initialize Swiper -->
                        <script language="javascript">
                            var zySwiper = new Swiper('.swiper-container', {
                                wrapperClass: 'my-wrapper',
                                // pagination: '.swipertt-pagination',
                                // 自动切换开启，默认停留三秒
                                autoplay: true,
                                // 轮播时间  2500毫秒
                                autoplay: 6000,
                                // slideClass : 'my-slide',
                                slidesPerView: 3,
                                paginationClickable: true,
                                spaceBetween: 30,
                                loop: true,
                                // 点击放大
                                zoom: true,
                            });
                        </script>


                    </div>
                    <!-- 按钮 查看更多 -->
                    <div class="btn-l hidden-xs">
                        <a href="#">点击查看更多主题</a>
                    </div>
                    <div class="btn-s hidden-sm hidden-md hidden-lg">
                        <a href="#">点击查看更多主题</a>
                    </div>
                </div>
                <!-- 最新主题结束 -->

                <!-- 每周照客 开始 -->
                <div class="mzzk">
                    <div>
                        <!-- 每周照客 标题 -->
                        <h1>
                            <a>每周照客<i></i></a>
                        </h1>
                        <a href="#"></a>
                        <p>在盘子女人坊，每一张客片都是艺术品</p>
                    </div>
                    <!-- 视频部分 -->
                    <div id="video">
                        <!-- controls  视频默认的组件   poster  视频的默认封面 -->
                        <video src="video/pznrf.mp4" controls="controls" poster="video/video.jpg"
                            style="width: 100%;"></video>
                    </div>
                    <!-- 图片部分 -->

                    <ul class="row">
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs hidden-sm hidden-md hidden-lg"><a href="#">
                                <img src="img/mzzk_1.jpg" alt="" srcset="">
                                <p class="hidden-xs">《飞天-乾闼婆》</p>
                                <span class="hidden-lg hidden-md hidden-sm ">《飞天-乾闼婆》</span>
                            </a></li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-sm hidden-md hidden-lg sj_lbt">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="img/mzzk_2.jpg" alt="" srcset=""></div>
                                    <div class="swiper-slide"><img src="img/mzzk03.jpg" alt="" srcset=""></div>
                                    <div class="swiper-slide"><img src="img/mzzk04.jpg" alt="" srcset=""></div>
                                    <div class="swiper-slide"><img src="img/mzzk05.jpg" alt="" srcset=""></div>
                                    <div class="swiper-slide"><img src="img/mzzk06.jpg" alt="" srcset=""></div>
                                    <div class="swiper-slide"><img src="img/mzzk07.jpg" alt="" srcset=""></div>
                                    <div class="swiper-slide"><img src="img/mzzk08.jpg" alt="" srcset=""></div>
                                    <div class="swiper-slide"><img src="img/mzzk09.jpg" alt="" srcset=""></div>
                                    <div class="swiper-slide"><img src="img/mzzk10.jpg" alt="" srcset=""></div>
                                    <div class="swiper-slide"><img src="img/mzzk11.jpg" alt="" srcset=""></div>
                                </div>

                                <div class="swiper-pagination"></div>
                            </div>

                            <script src="../dist/js/swiper.min.js"></script>

                            <script>
                                var swiper = new Swiper('.swiper-container', {
                                    pagination: '.swiper-pagination',
                                    paginationClickable: true,
                                    // paginationBulletRender: function (swiper, index, className) {
                                    //     return '<span class="' + className + '">' + (index + 1) + '</span>';
                                    // }
                                });
                            </script>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-6 hidden-sm hidden-md hidden-lg"><a href="#"><img
                                    src="img/mzzk01.jpg" alt="" srcset="">
                                <p class="hidden-xs">十一月第四季客片欣赏</p>
                                <span class="hidden-lg hidden-md hidden-sm ">十一月第四季客片欣赏</span>
                            </a></li>
                        <li class="col-md-3 col-sm-4 col-xs-6 hidden-sm hidden-md hidden-lg"><a href="#"><img
                                    src="img/mzzk02.jpg" alt="" srcset="">
                                <p class="hidden-xs">十一月第三季客片欣赏</p>
                                <span class="hidden-lg hidden-md hidden-sm ">十一月第三季客片欣赏</span>
                            </a></li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs hidden-sm hidden-md hidden-lg"><a href="#"><img
                                    src="img/mzzk03.jpg" alt="" srcset="">
                                <p class="hidden-xs">十一月第二季客片欣赏</p>
                                <span class="hidden-lg hidden-md hidden-sm ">十一月第二季客片欣赏</span>
                            </a></li>
                        <li class="col-md-3 col-sm-4 col-xs-6 hidden-xs"><a href="#"><img src="img/mzzk03.jpg" alt=""
                                    srcset="">
                                <p class="hidden-xs">十一月第一季客片欣赏</p>
                                <span class="hidden-lg hidden-md hidden-sm ">十一月第一季客片欣赏</span>
                            </a></li>
                        <li class="col-md-3 col-sm-4 col-xs-6 hidden-xs"><a href="#"><img src="img/mzzk04.jpg" alt=""
                                    srcset="">
                                <p class="hidden-xs">十月第三季客片欣赏</p>
                                <span class="hidden-lg hidden-md hidden-sm ">十一月第三季客片欣赏</span>
                            </a></li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs"><a href="#"><img src="img/mzzk05.jpg" alt=""
                                    srcset="">
                                <p class="hidden-xs">十月第三季客片欣赏</p>
                                <span class="hidden-lg hidden-md hidden-sm ">十月第三季客片欣赏</span>
                            </a></li>
                        <li class="col-md-3 col-sm-4 col-xs-6 hidden-xs"><a href="#"><img src="img/mzzk06.jpg" alt=""
                                    srcset="">
                                <p class="hidden-xs">十月第二季客片欣赏</p>
                                <span class="hidden-lg hidden-md hidden-sm ">十月第二季客片欣赏</span>
                            </a></li>
                        <li class="col-md-3 col-sm-4 col-xs-6 hidden-xs"><a href="#"><img src="img/mzzk07.jpg" alt=""
                                    srcset="">
                                <p class="hidden-xs">十月第一季客片欣赏</p>
                                <span class="hidden-lg hidden-md hidden-sm ">十月第一季客片欣赏</span>
                            </a></li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs"><a href="#"><img src="img/mzzk08.jpg" alt=""
                                    srcset="">
                                <p class="hidden-xs">九月第二季客片欣赏</p>
                                <span class="hidden-lg hidden-md hidden-sm ">九月第二季客片欣赏</span>
                            </a></li>
                        <li class="col-md-3 col-sm-4 col-xs-6 hidden-xs hidden-sm"><a href="#"><img src="img/mzzk10.jpg"
                                    alt="" srcset="">
                                <p class="hidden-xs">九月第四季客片欣赏</p>
                                <span class="hidden-lg hidden-md hidden-sm ">九月第四季客片欣赏</span>
                            </a></li>
                        <li class="col-md-3 col-sm-4 col-xs-6 hidden-xs hidden-sm"><a href="#"><img src="img/mzzk11.jpg"
                                    alt="" srcset="">
                                <p class="hidden-xs">七月第二季客片欣赏</p>
                                <span class="hidden-lg hidden-md hidden-sm ">七月第二季客片欣赏</span>
                            </a></li>
                    </ul>
                    <!-- 按钮 查看更多 -->
                    <div class="btn-l hidden-xs">
                        <a href="#">点击查看更多照客</a>
                    </div>
                    <div class="btn-s hidden-sm hidden-md hidden-lg">
                        <a href="#">点击查看更多照客</a>
                    </div>



                </div>
                <!-- 每周照客 结束 -->

                <!-- 全国门店 开始 -->
                <div class="qgmd">
                    <div>
                        <!-- 全国门店 标题 -->
                        <h1>
                            <a>全国门店<i></i></a>
                        </h1>
                        <a href="#"></a>
                        <p>全国门店的盘子女人坊，每一张客片都是艺术品</p>
                    </div>
                    <!-- 内容 -->
                    <ul class="row" style="text-align: center;">
                        <li class="col-md-3 col-sm-4 col-xs-12">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">长沙总店</p>
                                <span class="hidden-sm hidden-md hidden-lg">长沙总店</span>
                            </a>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-12">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">北京总店</p>
                                <span class="hidden-sm hidden-md hidden-lg">北京总店</span>
                            </a>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-12">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">上海总店</p>
                                <span class="hidden-sm hidden-md hidden-lg">上海总店</span>
                            </a>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">深圳总店</p>
                                <span class="hidden-sm hidden-md hidden-lg">深圳总店</span>
                            </a>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">南京总店</p>
                                <span class="hidden-sm hidden-md hidden-lg">南京总店</span>
                            </a>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">武汉总店</p>
                                <span class="hidden-sm hidden-md hidden-lg">武汉总店</span>
                            </a>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs hidden-sm">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">上海静安</p>
                                <span class="hidden-sm hidden-md hidden-lg">上海静安</span>
                            </a>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs hidden-sm">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">北京东四</p>
                                <span class="hidden-sm hidden-md hidden-lg">北京东四</span>
                            </a>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs hidden-md hidden-sm">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">长春总店</p>
                                <span class="hidden-sm hidden-md hidden-lg">长春总店</span>
                            </a>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs hidden-md hidden-sm">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">重庆总店</p>
                                <span class="hidden-sm hidden-md hidden-lg">重庆总店</span>
                            </a>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs hidden-md hidden-sm">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">苏州总店</p>
                                <span class="hidden-sm hidden-md hidden-lg">苏州总店</span>
                            </a>
                        </li>
                        <li class="col-md-3 col-sm-4 col-xs-12 hidden-xs hidden-md hidden-sm">
                            <a href="">
                                <div><img src="img/qgmd_1.png" alt="" srcset=""></div>
                                <p class="hidden-xs">厦门总店</p>
                                <span class="hidden-sm hidden-md hidden-lg">厦门总店</span>
                            </a>
                        </li>
                    </ul>
                    <!-- 按钮 查看更多 -->
                    <div class="btn-l hidden-xs">
                        <a href="#">点击查看更多门店</a>
                    </div>
                    <div class="btn-s hidden-sm hidden-md hidden-lg">
                        <a href="#">点击查看更多门店</a>
                    </div>
                </div>
                <!-- 全国门店结束 -->

                <!-- 客户评价开始 -->
                <div class="khpj">
                    <!-- 标题 -->
                    <div>
                        <h1>
                            <a>客户评价<i></i></a>
                        </h1>
                        <a href="#"></a>
                        <p>有话说</p>
                    </div>
                    <!-- 内容 -->
                    <div class="a_tatal">
                        <ul class="row">
                            <li class="col-xs-12 col-sm-6 col-md-4 col-lg-4  enter">

                                <a href="#" class="a_s">
                                    <div class="bo"> <img src="img/index/left.png" alt="">
                                        <p>
                                             盘子女人坊超话 #青岛约拍# #古装# #古装写真# 懒起画蛾眉 出镜：原po 妆造摄影： @盘子女人坊官方 倒计时继续（4/5）
                                            朋友圈有几张不敢发可以来这里看
                                        </p><img src="img/index/right.png" alt="" class="r_1">
                                    </div>
                                </a>
                                <img src="img/index/sanjiao.png" alt="" class="sj">
                                <!-- 头像 -->
                                <a href="#" class="tx_a">
                                    <div><img src="img/index/khpj_1.jpg" alt=""></div>
                                    <p>素颜少女黎落落落</p>
                                </a>
                            </li>
                            <li class="col-xs-12 col-sm-6 col-md-4 col-lg-4 enter">

                                <a href="#" class="a_s">
                                    <div class="bo"> <img src="img/index/left.png" alt="">
                                        <p>

                                            盘子女人坊超话 #盘子女人坊# @盘子女人坊官方 @盘子女人坊摄影石家庄店 摄影 :摄影主管+研发总监（吴柏呈老师） 化妆 :化妆主管任朝宇老师 服装
                                            :苎萝西子 柔情似水，佳期如梦，忍顾鹊桥归路。两情若是久长时，又岂在朝朝暮暮。 （图片允许转载或者用）

                                        </p><img src="img/index/right.png" alt="" class="r_1">
                                    </div>
                                </a>
                                <img src="img/index/sanjiao.png" alt="" class="sj">
                                <!-- 头像 -->
                                <a href="#" class="tx_a">
                                    <div><img src="img/index/khpj_2.jpg" alt=""></div>
                                    <p>小珊瑚Faye</p>
                                </a>
                            </li>
                            <li class="col-xs-12 col-sm-6 col-md-4 col-lg-4 hidden-xs hidden-sm hidden-sm enter">

                                <a href="#" class="a_s">
                                    <div class="bo"> <img src="img/index/left.png" alt="">
                                        <p>

                                            再次打卡 @盘子女人坊官方 虽然拍摄一天很辛苦，但是化妆师和摄影师都很细心耐心哟！花絮都那么好看～超喜欢！ 等我过段时间po成片

                                        </p><img src="img/index/right.png" alt="" class="r_1">
                                    </div>
                                </a>
                                <img src="img/index/sanjiao.png" alt="" class="sj">
                                <!-- 头像 -->
                                <a href="#" class="tx_a">
                                    <div><img src="img/index/khpj_3.jpg" alt=""></div>
                                    <p>Wu_xiaoxu</p>
                                </a>
                            </li>
                        </ul>

                    </div>
                    <!-- 按钮 查看更多 -->
                    <div class="btn-l hidden-xs">
                        <a href="#">点击查看更多评价</a>
                    </div>
                    <div class="btn-s hidden-sm hidden-md hidden-lg">
                        <a href="#">点击查看更多评价</a>
                    </div>

                </div>

                <!-- 客户评价结束 -->


                <!-- 品牌中心开始 -->

                <div class="ppzx hidden-xs hidden-sm">
                    <!-- 标题 -->
                    <div>
                        <h1>
                            <a>品牌中心<i></i></a>
                        </h1>
                        <a href="#"></a>
                        <p>穿越时空之美&nbsp&nbsp&nbsp&nbsp 国风文化摄影</p>
                    </div>
                    <!-- 内容 -->
                    <div class="pinpai">
                        <ul class="row">
                            <li class="col-md-4">
                                <a href="">
                                    <div>
                                        <img src="img/index/ppzx_1.jpg" alt="">
                                        <p class="hidden-xs">
                                            全国门店
                                        </p>
                                        <span class="hidden-sm hidden-md hidden-lg">
                                            全国门店
                                        </span>
                                    </div>
                                </a>
                            </li>
                            <li class="col-md-4">
                                <a href="">
                                    <div>
                                        <img src="img/index/ppzx_2.jpg" alt="">
                                        <p>
                                            拍摄服务
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li class="col-md-4">
                                <a href="">
                                    <div>
                                        <img src="img/index/ppzx_3.png" alt="">
                                        <p>摄影师自选 </p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 品牌中心结束 -->


                <!-- 新闻资讯开始 -->
                <div class="xwzx">
                    <!-- 标题 -->
                    <div>
                        <h1>
                            <a>新闻资讯<i></i></a>
                        </h1>
                        <a href="#"></a>
                        <p>穿越时空之美&nbsp&nbsp&nbsp&nbsp 国风文化摄影</p>
                    </div>
                    <!-- 内容 -->
                    <ul class="row">
                        <li class="col-md-4 col-lg-6">
                            <div class="list">
                                <a href="#" style="float: left;" class="hidden-xs hidden-sm"><img
                                        src="img/index/xwzx_1.jpg" alt=""></a>
                                <div class="box_gs">
                                    <h3>公司动态</h3>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span>盘子女人坊携手盖娅传说加码汉服市场</span>
                                        </div>

                                    </a>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span>盘子女人坊携手省湘绣研究所布局非遗传承</span>
                                        </div>

                                    </a>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span>关于湖南盘子女人坊文化科技股份有限公司 首次公开发行股票并上市辅导备案情况的公告</span>
                                        </div>

                                    </a>
                                </div>
                                <p class="btn_p  hidden-md hidden-lg"><button>查看更多资讯 >>></button></p>

                            </div>

                        </li>
                        <li class="col-md-4 col-lg-6 hidden-xs hidden-sm">
                            <div class="list">
                                <a href="" style="float: left;" class="hidden-md"><img src="img/index/xwzx_1.jpg"
                                        alt=""></a>
                                <div class="box_gs">
                                    <h3>媒体报道</h3>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span>盘子女人坊获电视剧《大宋宫词》独家官方授权</span>
                                        </div>

                                    </a>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span>盘子女人坊获电视剧《风起霓裳》独家官方授权</span>
                                        </div>

                                    </a>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span>盘子女人坊获电视剧《有翡》摄影类官方授权</span>
                                        </div>

                                    </a>
                                </div>
                            </div>

                        </li>
                        <li class="col-md-4 col-lg-6 hidden-xs hidden-sm">
                            <div class="list">
                                <a href="" style="float: left;" class="hidden-md"><img src="img/index/xwzx_1.jpg"
                                        alt=""></a>
                                <div class="box_gs">
                                    <h3>行业资讯</h3>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span>积极探索 共谋国内人像摄影的繁荣与进步</span>
                                        </div>

                                    </a>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span>2019.7.10-12日 共赴上海国际婚纱展，共襄全产业链发展盛举</span>
                                        </div>

                                    </a>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span>人像摄影学会后期制作专业委员会执委会在郑州召开</span>
                                        </div>

                                    </a>
                                </div>
                            </div>

                        </li>
                        <li class="col-md-4 col-lg-6 hidden-xs hidden-sm hidden-md ">
                            <div class="list">
                                <a href="" style="float: left;" class="hidden-md"><img src="img/index/xwzx_1.jpg"
                                        alt=""></a>
                                <div class="box_gs">
                                    <h3>拍摄攻略</h3>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span>明朝服饰之桃花殇：彩袖殷勤捧玉钟，当年拚却醉颜红。</span>
                                        </div>

                                    </a>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span>宋朝服饰之心有灵犀：身无彩凤双飞翼，心有灵犀一点通。</span>
                                        </div>

                                    </a>
                                    <a href="">
                                        <div class="tx">
                                            <div class="cs"></div>
                                            <span> 宋朝服饰之夏忘忧：连雨不知春去，一晴方觉夏深</span>
                                        </div>

                                    </a>
                                </div>
                            </div>

                        </li>
                    </ul>
                </div>
                <!-- 新闻资讯结束 -->







            </div>
        </div>
        <!-- ！内容主体部分结束 -->

        <!-- 底部开始 -->
        <div class="fot">
            <div class="container">
                <ul class="row">
                    <li class="col-md-6 l_li">
                        <img src="img/index/logo01.png" alt="">
                        <h3>全国服务热线</h3>
                        <p>400-9011-888</p>
                        <a href="">运营中心地址：北京市丰台区西三环南路55号顺和智库财富广场二层西侧d区201室</a>
                        <a href="">运营中心：北京盘子女人坊文化传播有限公司 </a>
                        <a href="">【跨界合作】喻女士13560790220（微信） </a>
                    </li>
                    <li class="col-md-6 r_lit hidden-xs hidden-sm ">
                        <ul class="row">
                            <li class="col-md-6"><img src="img/yyds.png" alt="">
                                <p>二维码</p>
                            </li>
                            <li class="col-md-6"><img src="img/yyds.png" alt="">
                                <p>二维码</p>
                            </li>
                            <li class="col-md-6"><img src="img/yyds.png" alt="">
                                <p>二维码</p>
                            </li>
                            <li class="col-md-6"><img src="img/yyds.png" alt="">
                                <p>二维码</p>
                            </li>
                        </ul>
                    </li>
                    <li class="col-sm-12 hidden-md hidden-lg">
                        <div class="box_xx">
                            <div><a href=""><img src="img/yyds.png" alt="">
                                    <p>二维码</p>
                                </a></div>
                            <div><a href=""><img src="img/yyds.png" alt="">
                                    <p>二维码</p>
                                </a></div>

                        </div>
                        <div class="box_xx">
                            <div><a href=""><img src="img/yyds.png" alt="">
                                    <p>二维码</p>
                                </a></div>
                            <div><a href=""><img src="img/yyds.png" alt="">
                                    <p>二维码</p>
                                </a></div>

                        </div>
                    </li>
                </ul>
            </div>

            <div class="text-a">
                <p>ICP备案号：<a href="#
                    ">京ICP备16040102号-1,湘ICP备16021418号-3</a></p>
                <p> 湘公网安备 43010302000640号 湘公网安备 43010302000639号</p>
            </div>


        </div>
        <!-- 底部结束 -->



    </div>
    <!-- 盘子女人坊项目结束 -->

    <!-- bootstrap框架 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>



</body>

</html>